// .ykCategory {
//   .ykCategoryContent {
//     height: calc(100vh - 145px);
//     display: flex;
//     .categoryContentLeft {
//       width: 30%;
//       border-right: 1px solid tomato;
//       overflow-y: scroll;
//       background-color: #f3f3f3;
//       flex: 1;
//       .contentLeftItem {
//         width: 100%;
//         height: 60px;
//         line-height: 60px;
//         text-align: center;
//       }
//       .active {
//         border-left: 2px solid #ea4350;/*no*/
//         color: #ea4350;
//       }
//     }

//     .categoryContentRight {
//       overflow-y: scroll;
//       flex: 3;

//       .contentRightItem {
//         .rightItemTitle {
//             height: 30px;
//             line-height: 30px;
//             text-align: center;
//         }

//         .rightItemList {
//             display: flex;
//             flex-wrap: wrap;
//           .listProductItem {
//             width: 33.33%;
//             padding:5px;
//             text-align: center;
//             .imgWrapper {
             
//               img {
//                   width: 60px;
//                   height:60px ;
//               }
//             }

//             .title {
//             }
//           }
//         }
//       }
//     }
//   }
// }



.category {
    width: 100%;
    height: 100%;
    display: flex;
    .category_left {
        width: 20%;
        height: 100%;
        overflow-y: scroll;
      ul {
        li {
            height: 50px;
            font-size: 16px;
            text-align: center;
            line-height: 50px;
            background-color: #f3f3f3;
        }
      }
      .active{
            background-color: #fff;
            color: #ee742f;
            border-bottom:1px solid tomato ;
        }
    }
  
    .category_right {
        flex: 1;
        background-color: #fff;
        padding: 5px;
      ul {
          list-style: none;
          display: flex;
          flex-wrap: wrap;
          overflow-y: scroll;
          height: 100%;
          text-align: center;
          align-content: flex-start;
        li {
            width: 33.3%;
            text-align: center;
            height: 50px;
            line-height: 50px;
            color: #666;
        }
      }
    }
  }